.page_content{
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.pay_box{
	position: relative;
	padding-bottom: 98px;
}
.pay_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -9;
}
.pay_bg>img{
	width: 100%;
}
.optionbox{
	position: relative;
	height: 48px;
	z-index: 99;
	border-bottom: 1px solid #324460;
}
.optionbox>span{
	display: block;
	height: 48px;
	line-height: 48px;
	text-align: center;
	width: 50%;
	float: left;
	box-sizing: border-box;
	letter-spacing: 1.5px;
	background: url('../images/option_btn_bg.jpg');	
	border-left: 1px solid #25395a; 
}
.optionbox>span:first-child{
	border-left: 0px; 
}
.optionbox>.on{
    background: url(../images/option_btn_on.png);
    background-size: 100% 100%;
	border-left: 0px; 
}


.shop_box{
	display: none;
	width: 100%;
	padding: 4px 4px;
	box-sizing: border-box;
}
.shop_box_on{
	display: block!important;
}


.coin_box{
	width: 100%;
    height: 101px;
    background: url(../images/stateshop.png);
    background-size: 100% 101px;
    margin-bottom: 12px;
    position:relative;
}
.coin_box>img:nth-child(1){
	height: 18px;
	position:absolute;
}
.coin_box>img:nth-child(2){
	height: 18px;
	position:absolute;
	top: 0;
	right:0;
}
.coin_box>img:nth-child(3){
	height: 18px;
	position:absolute;
	bottom: 0;
	left: 0;
}
.coin_box>img:nth-child(4){
	height: 18px;
	position:absolute;
	bottom: 0;
	right:0;
}
.coin_box>.coin_icon_box{
    width: 25%;
    height: 50%;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    /* background-origin: content-box; */
    /* background-clip: content-box; */
    margin-top: 28px;
    border-right: 1px solid #25395a;
}
.coin_box .coin_icon_box img{
	/* height: 55px; */
	margin: 0 auto;
	/* width: 100%; */
	height: 100%;
	/* width: 100%; */
	width: 77px;
}
.coin_box .content_box{
	width: 68%;
    height: 100%;
    float: right;
    box-sizing: border-box;
    padding: 19px 0px 0px 0px;
}

.coin_box .content_box .con_left{
	margin-top: 18px;
    width: 50%;
}
.coin_box .content_box span{
	color:#c4a237;
	font-size:25px;
}
.coin_box .content_box a{
	margin-right: 20px;
	float: right;
	background: url(../images/border_45.png) no-repeat;
	width: 88px;
	height: 28px;
	background-size: 100% 100%;
	text-align: center;
	line-height: 28px;
}
.coin_box .content_box p{
	margin-top: 17px;
	color:#acacac;
}
.coin_list .state_moeny{
	width: 100%;
	margin-top: 10px;
}
.coin_list .state_moeny img{
	height: 45px;
	float:left;
}
.coin_list{
	padding: 10px;
}


.vip_list{
	padding: 10px 12px;
	padding-bottom: 0px;
}
.vip_list>a{
	display: block;
	width: 100%;
	color: #acacac;
	padding-bottom: 10px;
}
.vip_list>span{
	position: relative;
	display: block;
	float: left;
	width: 31%;
	margin-right: 3%;
	margin-bottom: 3%;
	box-sizing: border-box;
	border: 1px solid #89bdec;
	border-radius: 5px;
	padding: 6px 0px;
	line-height: 1.2rem;
	background: url('../images/vip_option_bg.png');
	background-size: 100% 100%;
	/*
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ; */
}
.vip_list>.on{
	border: 1px solid #c4a237;
}
.vip_list>span:nth-child(4){
	margin-right: 0;
}
.vip_list>span>*{
	display: block;
	text-align: center;
	margin: 0 auto;
}
.vip_flag{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 54%;
}
.vip_flag>img{
	width: 100%;
}
.vip_icon{
	padding-top: 10px;
	padding-bottom: 6px;
	width: 54%;
}
.vip_icon>img{
	width: 100%;
}
.vip_list>span>span{
	color: #c4a237;
	line-height: 1.2rem;
	padding-bottom: 4px;
}
.vip_list>span>span>b{
	font-weight: normal;
	font-size: 1.8rem;
	padding-right: 2px;
}
.vip_list>span>a{
	width: 5.4rem;
	color: #FFF;
	padding: 1px 2px;
	border: 1px solid #FFF;
	border-radius: 2px;
	font-size: .75rem;
	line-height: 1.0rem;
	padding-bottom: 2px;
}
.vip_list>span>b{
	font-weight: normal;
	padding-top: 2px;
	color: #c4a237;
	font-size: .7rem;
}
/*state开始*/
.page_body .optionbox>span:nth-child(1){
	position:relative;
}
.page_body .optionbox .state_i{
    background: url(../images/hot.png);
    height: 15px;
    position: absolute;
    /* height: 26px; */
    /* display: inline-block; */
    width: 26px;
    background-size: 100%;
}
.shop_box1{
	padding:20px;
}
.stage_list{
	display: none;
}
.stage_box{
	width: 100%;
    height: 101px;
    background: url(../images/stateshop.png);
    background-size: 100% 101px;
    margin-bottom: 12px;
    position:relative;
}
.stage_box>img:nth-child(1){
	height: 18px;
	position:absolute;
}
.stage_box>img:nth-child(2){
	height: 18px;
	position:absolute;
	top: 0;
	right:0;
}
.stage_box>img:nth-child(3){
	height: 18px;
	position:absolute;
	bottom: 0;
	left: 0;
}
.stage_box>img:nth-child(4){
	height: 18px;
	position:absolute;
	bottom: 0;
	right:0;
}
.stage_box>.coin_icon_box{
    width: 25%;
    height: 50%;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    /* background-origin: content-box; */
    /* background-clip: content-box; */
    margin-top: 28px;
    border-right: 1px solid #25395a;
}
.stage_box .coin_icon_box img{
    height: 55px;
    margin: 0 auto
}
.stage_box .content_box{
	width: 68%;
    height: 100%;
    float: right;
    box-sizing: border-box;
    padding: 19px 0px 0px 0px;
}

.stage_box .content_box .con_left{
	margin-top: 18px;
    width: 50%;
}
.stage_box .content_box span{
	color:#c4a237;
	font-size:25px;
}
.stage_box .content_box a{
	margin-right: 20px;
	float: right;
    background: url(../images/border_45.png) no-repeat;
    width: 88px;
    height: 28px;
    background-size: 100% 100%;
    text-align: center;
    line-height: 28px;
}
.stage_box .content_box p{
	margin-top: 17px;
	color:#acacac;
}
.stage_list .state_moeny{
	width: 100%;
	margin-top: 10px;
}
.stage_list .state_moeny img{
	height: 45px;
	float:left;
}
.stage_list{
	padding: 10px;
}
/*state结束*/

/*pupop開始*/
.shop_popups{
	 height: 100%;
	 width: 100%;
	 background: rgba(0,0,0,0.6);
	 position: absolute;
	 top: 0px;
	 z-index:999;
	 display: none;
 }
.shop_quit{
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0px;
	z-index:999;
	display: none;
}
.shop_popups_once{
	position: absolute;
	top: 50%;
	background: url(../images/popups.png);
	background-size: 100% 100%;
	width: 90%;
	left: 5%;
	margin-top: -120px;
	text-align: center;
}
.shop_popups_once>p:nth-child(1){
	font-size: 20px;
	margin-top: 12px;
}
.shop_popups_once>p:nth-child(2){
	font-size: 18px;
	margin-top: 40px;
}

.shop_popups_once>p:nth-child(3) {
	font-size: 12px;
	color: #999999;
	margin-top:5px;
}

.shop_popups_once>p:nth-child(4) {
	line-height: 36px;
}

.shop_popups_once>div{
	padding: 20px 0;
	text-align: center
}
.shop_popups_once>div>a{
	display: inline-block;
	width: 75px;
	height: 40px;
	background: url(../images/btn_yellow.png);
	background-size: 100% 100%;
	text-align: center;
	line-height: 40px;
	color:#480000;
	text-decoration: none;
	margin: 0 6px;
}
.shop_popups_once>div>span{
	display: inline-block;
	width: 75px;
	height: 40px;
	background: url('../images/btn_blue.png');
	background-size: 100% 100%;
	text-align: center;
	line-height: 40px;
	color:#ffffff;
	margin: 0 6px;
}
/*pupop結束*/
/*开始*/